<!--<template>-->
  <!--<div class="message">-->
    <!--<ts-header title="消息详情" back></ts-header>-->
    <!--<flex-view>-->
      <!--<div class="message-main">-->
        <!--<div class="message-top">-->
          <!--<h1 class="msg-title">{{title}}</h1>-->
          <!--<span class="msg-time">发布时间：{{create_time | fmtCommonDate('yyyy年MM月dd日')}}</span>-->
        <!--</div>-->
        <!--<div class="msg-html">-->
          <!--<div class="msg-img">-->
            <!--<img :src="image"/>-->
          <!--</div>-->
          <!--<div class="msg-content">-->
            <!--动神经元病是慢性进行性神经变性疾病。Lucy Lintott在19岁时查出患有此病，是苏格兰年纪最小的患者。本片讲-->
          <!--</div>-->
        <!--</div>-->
      <!--</div>-->
    <!--</flex-view>-->
  <!--</div>-->
<!--</template>-->

<!--<script>-->
  <!--import {GET_MESSAGE_DETAIL} from '../../assets/js/api'-->

  <!--export default {-->
    <!--name: 'msgDetail',-->
    <!--data() {-->
      <!--return {-->
        <!--image: '',-->
        <!--title: '',-->
        <!--message: '',-->
        <!--create_time: ''-->
      <!--}-->
    <!--},-->
    <!--async created() {-->
      <!--let {message_id} = this.$route.query;-->
      <!--if (message_id) {-->
        <!--const json = await this.$http.post(GET_MESSAGE_DETAIL, {message_id});-->
        <!--if (json.result === 1) {-->
          <!--let {data} = json;-->
          <!--for (let item of Object.keys(data)) {-->
            <!--this.$data[item] = data[item];-->
          <!--}-->
        <!--}-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</script>-->

<!--<style lang="scss" scoped>-->
  <!--@import '../../assets/css/mixin';-->

  <!--.message {-->
    <!--background-color: #FFFFFF;-->
    <!--.message-main {-->
      <!--padding: .40rem .40rem;-->
      <!--.message-top {-->
        <!--padding-bottom: .06rem;-->
        <!--position: relative;-->
        <!--@include borderScale('bottom');-->
        <!--.msg-title {-->
          <!--font-weight: bold;-->
          <!--margin-bottom: .27rem;-->
          <!--font-size: .32rem;-->
        <!--}-->
        <!--.msg-time {-->
          <!--@include sc(.24rem, #909090);-->
        <!--}-->
      <!--}-->
    <!--}-->
    <!--.msg-html {-->
      <!--padding: .20rem 0 .30rem;-->
      <!--@include sc(.26rem, #2E2E2E);-->
      <!--.msg-img {-->
        <!--min-width: 100%;-->
        <!--img {-->
          <!--width: 100%;-->
          <!--height: auto;-->
        <!--}-->
      <!--}-->
      <!--.msg-content {-->
        <!--margin-top: .20rem;-->
      <!--}-->
    <!--}-->
  <!--}-->
<!--</style>-->
<template>
  <div class="range-map">
    <ts-header title="消息详情" back></ts-header>
    <flex-view>
      <div class="map-container">
        <iframe id="test"
                :src='url'></iframe>
      </div>
    </flex-view>
  </div>
</template>
<script>
  export default {
    name: 'msgDetail',
    data(){
      return {
        url: ''
      }
    },
    created(){
      const {url} = this.$route.query;
      this.url = url;
    }
  }
</script>
<style scoped>
  #test {
    height: 100%;
    width: 100%;
  }
</style>
